export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M512 1024c282.76736 0 512-229.23264 512-512S794.76736 0 512 0 0 229.23264 0 512s229.23264 512 512 512z m20.48-307.2s-204.06272 124.04736-216.6784 113.90976c-12.61568-10.1376 41.3696-241.2544 41.3696-241.2544s-182.76352-152.20736-175.28832-170.88512c7.4752-18.69824 242.25792-35.2256 242.25792-35.2256S511.36512 163.84 532.48 163.84c21.11488 0 108.3392 219.52512 108.3392 219.52512s235.76576 16.5888 242.25792 35.20512c6.49216 18.59584-175.3088 170.86464-175.3088 170.86464s2.27328 14.78656 4.89472 25.8048c0.16384 0.7168-84.84864 2.6624-154.54208 0-36.59776-1.4336-80.65024-8.192-80.65024-8.192l201.728-143.872s-72.94976-13.12768-146.71872-15.7696c-80.7936-2.8672-163.49184 4.9152-175.3088 7.90528-7.41376 1.88416 52.24448 1.72032 120.29952 7.86432 47.63648 4.3008 110.32576 15.7696 110.32576 15.7696l-201.728 150.17984s86.38464 5.24288 163.88096 4.73088c87.2448-0.57344 165.94944-11.42784 166.44096-9.33888 15.17568 65.72032 43.2128 195.584 32.768 206.19264C734.96576 845.14816 532.48 716.8 532.48 716.8z"></path>
            </svg>
        </span>
    )
}